import React, { useState, useEffect } from 'react';
import ShowRoom from '../components/ShowRoom'
import './About.css'

export default function About() {
    return (
        <div className="wrap-about">
            <h1>About Me</h1>
            <div className="p-info">
                <p>一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍一堆文字介绍</p>
                <ul>
                    <li><h5>年龄: </h5>30</li>
                    <li><h5>地址: </h5>辽宁大连</li>
                    <li><h5>电话: </h5>130 8888 6666</li>
                    <li><h5>邮件: </h5>jasonsf@gmail.com</li>
                    <li></li>
                </ul>
            </div>
            <h1>技术</h1>
            <div className="ability">
                <div className="show-ability">
                    <ShowRoom title="Front-End" message="介绍一堆前端技术"></ShowRoom>
                    <ShowRoom title="Software Development" message="介绍一堆软件开发技术"></ShowRoom>
                    <ShowRoom title="Database Development" message="介绍一堆数据库技术"></ShowRoom>
                    <ShowRoom title="Mobile Development" message="介绍一堆移动开发技术"></ShowRoom>
                </div>
            </div>
        </div>
    )
}